<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

	<h:head>
		<title>ABC Game</title>
	</h:head> 
	<body> 
		<h:form>
			<fieldset>
				<legend>Current State: <h:outputText value="#{aBCGame.actualState}" id="heading" /></legend>
				<h:commandButton action="#{aBCGame.play()}" value="Play">
					<f:ajax render="message heading"/>
				</h:commandButton>
				<br/>
				Message: <h:outputText value="#{aBCGame.message}" id="message" />
				
				<br/>
				<br/>
				<h:commandButton action="#{aBCGame.restartGame}" value="Restart Game">
					<f:ajax render="message heading" />
				</h:commandButton>				
			</fieldset>
		</h:form>
	</body> 
</html>
